<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<title>改变超链接字体样式</title>
<style>
    body{
        font-size: 9pt;
    }
    a:hover {
        color: #FF0000;
    }
    a {
        text-decoration: none;	color: #3C404D;
    }
    table{
        width: 44%;
        height: 26px;
        margin: 0 auto;
        border-collapse:collapse;
        padding: -2px;
    }
    table td{
        text-align: center;
        background-image: url("Images/bg_Navigate.GIF");
    }
</style>
</head>
<body>
<p>&nbsp;</p>
<p>
<script type="text/javascript">
function onmovein(v){
  if (v=="a"){
  	a.style.fontWeight = "bold";//粗体
  }	
  if (v=="b"){
  	b.style.fontStyle = "italic";//斜体
  }	
  if (v=="c"){
  	c.style.textDecoration = "underline";//下划线
  }
  if (v=="d"){
    d.style.textDecoration = "line-through";//删除线

  }
  if (v=="e"){
    e.style.fontWeight = "bold";//粗体
	e.style.fontStyle = "italic";//斜体
  }
}
function onmoveout(){
	a.style.fontWeight = "normal";
	b.style.fontStyle = "normal";
	c.style.textDecoration = "none";
	d.style.textDecoration = "none";
    e.style.fontStyle = "normal";
	e.style.fontWeight = "normal";
}
</script>
</p>
<table>
    <tr>
        <td>
			<a href="#" id="a" onmouseover="onmovein('a');" onmouseout="onmoveout();">粗体文字</a> ┊
			<a href="#" id="b" onmouseover="onmovein('b');" onmouseout="onmoveout();">斜体文字</a> ┊
			<a href="#" id="c" onmouseover="onmovein('c');" onmouseout="onmoveout();">下划线文字</a> ┊
			<a href="#" id="d" onmouseover="onmovein('d');" onmouseout="onmoveout();">删除线文字</a> ┊
			<a href="#" id="e" onmouseover="onmovein('e');" onmouseout="onmoveout();">粗斜体文字</a>
        </td>
    </tr>
</table>
</body>
</html>